﻿@charset "utf-8";
/*
*	@Description:	reset & base css
*	@Author:	cb340081631
*	@Update:	2012-04-25
*/

/*	
*	boc-red:	#be0f34
*	boc-gray:	#828a8f
*/

/* --------------------
		reset_css
-------------------- */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
ul, ol, li, dl, dt, dd,
form, fieldset, legend, button, input, select, textarea,
span, a, img, th, td, div,
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%;}
table { border-collapse:collapse; border-spacing:0; word-break:break-all;}
input, select, textarea, button { font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial, "\5B8B\4F53"; color:#404040; overflow:visible; outline:none; resize:none;}
form, fieldset, img { border:0 none;}
img { vertical-align:top;}
address, caption, cite, code, dfn, th, var, b, i, s { font-style:normal; font-weight:normal; text-decoration:none;}
em { font-style:normal;}
ul, ol, li { list-style:none;}
q:before, q:after { content:'';}

/* --------------------
		base_css
-------------------- */
body { font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial, "\5B8B\4F53"; color:#404040;}
.wrapper, .wp { width:960px; margin:0 auto;}
a { text-decoration:none; outline:none; color:#be0f34;}
a:hover { text-decoration:none; outline:none;}
.clear { clear:both; height:0; font-size:0; overflow:hidden;}
.clearfix { display:block; zoom:1;}
.clearfix:after { clear:both; display:block; height:0; content:"."; visibility:hidden;}
.hidden { display:none;}
.mt10 { margin-top:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.fl { float:left;}
.fr { float:right;}
.tl { text-align:left;}
.tr { text-align:right;}
.tc { text-align:center;}
.fb { font-weight:700;}
.fn{ font-weight:normal;}
.ch { font-family:"\5B8B\4F53";}
.del { text-decoration:line-through; color:#999;}
.lin { text-decoration:underline;}
.f14 { font-size:14px;}
.sep { margin:0 10px; color:#ccc;}
.us{ color:#ff5c00;}
.red{ color:#be0f34;}
.gray{ color:#808080;}
.blue{color:#0088cc; }
.grenn{ color:#090;}

/* --------------------
		color_css
-------------------- */
.fc-invalid, .fc-hint { color:#999;}
.fc-warn, .fc-fail { color:#f00;}
.fc-valid, .fc-success, .fc-free { color:#090;}
.fc-num { color:#f60;}
.fc-money { color:#e53939;}

/** 出错 **/
html > body .msg em{ display: inline-block; margin-top: 5px; padding:0 8px 0 25px; line-height: 26px; color:#c00; border:1px solid #F0B2B2; background:url(../images/icon-sigh.gif) #FBEDED no-repeat 5px center; border-radius: 2px; }

html > body div.t-error,
html > body div.t-ok{ display:block; padding:2px 5px; margin:10px 10px 0; font-size:12px; border:1px solid #F0B2B2; background:#FBEDED;}
html > body div.t-error div.t-banner,
html > body div.t-ok div.t-banner,
html > body div.t-alert-controls{ display:none; }
html > body div.t-error ul li,
html > body div.t-ok ul li{ display:block; margin:0; padding-left:20px; line-height:26px; }
html > body div.t-error { color:#c00; background:#FBEDED; border-color:#F0B2B2;}
html > body div.t-error ul li { background:url(../images/icon-sigh.gif) #FBEDED no-repeat 0 center;}
html > body div.t-ok { color:#000; border-color:#4DBF00; background:#F0FFE5; }
html > body div.t-ok ul li { background:url(../images/icon-yes.gif) #F0FFE5 no-repeat 0 center; }
.tip{ display:inline-block; padding:2px 5px; margin:10px 10px -10px; background:#fcf9d8; border:1px solid #fed570; color:#404040; line-height:16px;}

html > body div.t-error-popup{ padding-right:8px; background: url(../images/tip-popup.png) right -39px no-repeat;}
html > body div.t-error-popup span{ display: block; padding:0 0 0 28px; color: #404040; height: 39px; line-height:27px; background: url(../images/tip-popup.png) 0 0 no-repeat; }
input.t-error, textarea.t-error, select.t-error { border:1px solid #ffcc7f; }
img.t-error-icon{ display: none;}

html > body #alerts{ margin-bottom: 10px; text-align: left;}
html > body div.t-alert-container{ margin-top: 2px;}
html > body div.t-alert-container div.t-error{ margin-top: 8px; padding-left:8px; line-height: 26px; color:#c00; font-weight: 400; background:#FBEDED; border-radius: 0;}
html > body div.t-dismiss{ margin-top: 5px;}

/** 出错 **/
html > body .msg em{ display: inline-block; margin-top: 5px; padding:0 8px 0 25px; line-height: 26px; color:#c00; border:1px solid #F0B2B2; background:url(../images/icon-sigh.gif) #FBEDED no-repeat 5px center; border-radius: 2px; }

html > body div.t-error,
html > body div.t-ok,
html > body div.t-info{ display:block; padding:2px 5px; margin:10px 10px 0; font-size:12px; border:1px solid #F0B2B2; background:#FBEDED;}
html > body div.t-error div.t-banner,
html > body div.t-ok div.t-banner,
html > body div.t-alert-controls{ display:none; }
html > body div.t-error ul li,
html > body div.t-ok ul li{ display:block; margin:0; padding-left:20px; line-height:26px; }
html > body div.t-error { color:#c00; background:#FBEDED; border-color:#F0B2B2;}
html > body div.t-error ul li { background:url(../images/icon-sigh.gif) #FBEDED no-repeat 0 center;}
html > body div.t-ok,
html > body div.t-info { color:#000; border-color:#4DBF00; background:#F0FFE5; }
html > body div.t-ok ul li { background:url(../images/icon-yes.gif) #F0FFE5 no-repeat 0 center; }

html > body div.t-error-popup{ display: inline-block; *display: inline; padding-right:8px; background: url(images/tip-popup.png) right -39px no-repeat;}
html > body div.t-error-popup span{ display: inline-block; padding:0 0 0 28px; color: #404040; height: 39px; line-height:27px; background: url(images/tip-popup.png) 0 0 no-repeat; }
input.t-error, 
textarea.t-error, 
select.t-error { border:1px solid #ffcc7f; }
img.t-error-icon{ display: none;}

html > body #alerts{ margin-bottom: 10px; text-align: left;}
html > body div.t-alert-container{ margin-top: 2px;}
html > body div.t-alert-container div.t-error,
html > body div.t-alert-container div.t-info{ margin-top: 8px; padding-left:8px; line-height: 26px; font-weight: 400; border-radius: 0;}
html > body div.t-alert-container div.t-error{ color:#c00; background:#FBEDED;}
html > body div.t-alert-container div.t-info{ color:#404040; background:#F0FFE5;}
html > body div.t-dismiss{ float: right; margin-top: 5px; width: 16px; height: 16px;}